<!DOCTYPE html>
<html lang="en">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <!-- Meta -->
  <meta name="description" content="Responsive Bootstrap 4 Dashboard Template">
  <meta name="author" content="ruyangit@163.com">
  <!-- Favicon -->
  <link rel="shortcut icon" type="image/x-icon" href="../assets/img/favicon.png">
  <!-- Title -->
  <title>Tangdao Responsive Bootstrap 4 Dashboard Template</title>

  <!-- Lib css -->
  <link href="../lib/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet">
  <link href="../lib/ionicons/css/ionicons.min.css" rel="stylesheet">
  <link href="../lib/prismjs/themes/prism-vs.css" rel="stylesheet">
  
  

  <!-- Tangdao CSS -->
  <link rel="stylesheet" href="../assets/css/tangdao.css">
  <link rel="stylesheet" href="../assets/css/tangdao.component.css">
  <link rel="stylesheet" href="../assets/css/tangdao.demo.css">
  <link rel="stylesheet" href="../assets/css/skin.gradient.css">

</head>

<body class="app-component">
  <header class="navbar navbar-header navbar-header-fixed">
    <a href="" id="mainMenuOpen" class="burger-menu"><i data-feather="menu"></i></a>
    <a href="" id="componentContentHide" class="burger-menu d-none"><i data-feather="arrow-left"></i></a>
    <div class="navbar-brand">
      <a href="../index.html" class="td-logo">Tangdao<span class="mg-l-5">Design</span></a>
    </div><!-- navbar-brand -->
    <div id="navbarMenu" class="navbar-menu-wrapper">
      <div class="navbar-menu-header">
        <a href="../index.html" class="td-logo">Tangdao<span class="mg-l-5">Design</span></a>
        <a id="mainMenuClose" href=""><i data-feather="x"></i></a>
      </div><!-- navbar-menu-header -->
      <ul class="nav navbar-menu">
        <li class="nav-label pd-l-20 pd-lg-l-25 d-lg-none">Main Navigation</li>
        <li class="nav-item "><a href="../docs.html" class="nav-link"><i data-feather="book-open"></i> 文档</a></li>
        <li class="nav-item "><a href="../components/index.html" class="nav-link"><i data-feather="box"></i> 组件</a></li>
        <li class="nav-item active"><a href="../collections/index.html" class="nav-link"><i data-feather="package"></i> 资源</a></li>
        <li class="nav-item "><a href="../templates/index.html" class="nav-link"><i data-feather="layers"></i> 模板</a></li>
      </ul>
    </div><!-- navbar-menu-wrapper -->
    <div class="navbar-right">
      <a href="javascript:;" class="search-link" id="navbarSearch"><i data-feather="search"></i></a>
      <div class="dropdown dropdown-notification mg-l-15-f">
        <a href="javascript:;" class="dropdown-link new-indicator" data-toggle="dropdown">
          <i data-feather="bell"></i>
          <span>2</span>
        </a>
        <div class="dropdown-menu dropdown-menu-right">
          <div class="dropdown-header">通知</div>
          <a href="" class="dropdown-item">
            <div class="media">
              <div class="avatar avatar-sm avatar-online"><img src="https://via.placeholder.com/350" class="rounded-circle" alt=""></div>
              <div class="media-body mg-l-15">
                <p>版本更新 <strong>1.0.2</strong> 文档布局调整</p>
                <span>Mar 15 12:32pm</span>
              </div><!-- media-body -->
            </div><!-- media -->
          </a>
          <a href="" class="dropdown-item">
            <div class="media">
              <div class="avatar avatar-sm avatar-online"><img src="https://via.placeholder.com/350" class="rounded-circle" alt=""></div>
              <div class="media-body mg-l-15">
                <p>版本更新 <strong>1.0.1</strong> 文档布局调整</p>
                <span>Mar 15 12:32pm</span>
              </div><!-- media-body -->
            </div><!-- media -->
          </a>
          <a href="" class="dropdown-item">
            <div class="media">
              <div class="avatar avatar-sm avatar-online"><img src="https://via.placeholder.com/350" class="rounded-circle" alt=""></div>
              <div class="media-body mg-l-15">
                <p>版本更新 <strong>1.0.0</strong> 文档布局调整</p>
                <span>Mar 15 12:32pm</span>
              </div><!-- media-body -->
            </div><!-- media -->
          </a>
          <div class="dropdown-footer"><a href="">View all Notifications</a></div>
        </div><!-- dropdown-menu -->
      </div><!-- dropdown -->

      <a href="https://gitee.com/ruyangit/tangdao-design" class="mg-l-20"><div class="pd-8 tx-white tx-white-8" ><i data-feather="github" class="wd-20 ht-20"></i></div></a>
    </div><!-- navbar-right -->

    <div class="navbar-search">
      <div class="navbar-search-header">
        <input type="search" class="form-control" placeholder="Type and hit enter to search...">
        <button class="btn"><i data-feather="search"></i></button>
        <a id="navbarSearchClose" href="" class="link-03 mg-l-5 mg-lg-l-10"><i data-feather="x"></i></a>
      </div><!-- navbar-search-header -->
      <div class="navbar-search-body">
        <label class="tx-10 tx-medium tx-uppercase tx-spacing-1 tx-color-03 mg-b-10 d-flex align-items-center">Recent Searches</label>
        <ul class="list-unstyled">
          <li><a href="index.html">modern dashboard</a></li>
          <li><a href="../components/modal.html">modal examples</a></li>
          <li><a href="../components/el-avatar.html">avatar</a></li>
        </ul>
      </div><!-- navbar-search-body -->
    </div><!-- navbar-search -->
  </header><!-- navbar -->
  <div class="component-wrapper">
    <div class="component-navleft">
      
    </div><!-- component-navleft -->

    <div class="component-sidebar">
      
    </div><!-- component-sidebar -->

    <div class="component-content">
      <div class="component-content-header">
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb breadcrumb-style1 mg-b-0">
            <li class="breadcrumb-item"><a href="#">Collections</a></li>
            <li class="breadcrumb-item active" aria-current="page">Index</li>
          </ol>
        </nav>
        <a href="javascript:;" id="componentOptions" class="text-secondary mg-l-auto d-xl-none"><i data-feather="more-horizontal"></i></a>
      </div><!-- component-content-header -->

      <div class="component-content-body" data-spy="scroll" data-target="#navSection" data-offset="120">
        <div class="content content-components">
          <div class="container">
            dev loading...
            <footer class="content-footer">
                <div>
                    <span>&copy; 2019 Tangdao Design v1.0.0. </span>
                    <span>Made by <a href="http://gitee.com/ruyangit">Ryan</a></span>
                </div>
                <div>
                    <nav class="nav">
                        <a href="#" class="nav-link">Licenses</a>
                        <a href="../change-log.html" class="nav-link">Change Log</a>
                        <a href="#" class="nav-link">Get Help</a>
                    </nav>
                </div>
            </footer>
            <!-- content-footer -->
          </div>
        </div>
      </div><!-- component-content-body -->

      <div class="component-content-sidebar section-nav">
        <label class="tx-10 tx-medium tx-spacing-1 tx-color-03 tx-uppercase tx-sans mg-b-15">On This Page</label>
        <nav id="navSection" class="nav flex-column tx-12">

        </nav>
      </div><!-- component-content-sidebar -->
    </div><!-- component-content -->

  </div><!-- component-wrapper -->

  <!-- lib -->
  <script src="../lib/jquery/jquery.min.js"></script>
  <script src="../lib/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="../lib/feather-icons/feather.min.js"></script>
  <script src="../lib/perfect-scrollbar/perfect-scrollbar.min.js"></script>
  <script src="../lib/prismjs/prism.js"></script>

  <!-- tangdao -->
  <script src="../assets/js/tangdao.js"></script>
  <script src="../assets/js/tangdao.component.js"></script>

  <script>
    $(function () {
      'use strict'
    });
  </script>
</body>

</html>